import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false


// import Vue from 'vue';
import Antd from 'ant-design-vue';
// import App from './App';
import 'ant-design-vue/dist/antd.less';
// Vue.config.productionTip = false;

Vue.use(Antd);

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'

// 动画
import 'animate.css';

// 全局过滤器
// 第一个参数：过滤器的名字
// 第二个参数：回调函数
Vue.filter('setMsg',function(data,format){
  // 管道符前面的数据
  console.log(data);
//   传递回来的参数
  console.log(format);
  return data.replace('学习','吃饭').replace('学习','吃饭')
})

// 全局自定义指令
// 第一个参数：自定义指令的名字
// 第二个参数：对象
Vue.directive('color',{
  // 只调用一次，指令第一次绑定到元素时调用
  bind(el,binding){
  //   绑定的元素
    console.log(el);
  //   信息对象
    console.log(binding);
    el.style.color = binding.value
    console.log(binding.value)
  },
  // 这个元素已经渲染到页面上之后执行  真实的DOM
  inserted(el){
    // 绑定的元素
    console.log(el);
  },
  // 更新之后触发的函数
  update(el){
    console.log(el)
  }
})

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
